<template>
  <view class="tag">
    <view class="title">
      <view class="icon"></view>
      <view class="text">{{tag}}</view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    tag: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped lang="scss">
.tag {
  .title {
    display: flex;
    height: 70rpx;
    line-height: 70rpx;
    .icon {
      width: 6rpx;
      height: 28rpx;
      background: $main_color;
      border-radius: 10rpx;
      margin-top: 21rpx;
    }
    .text {
      flex: 1;
      font-weight: 700;
      color: $main_color;
      padding-left: 10rpx;
      font-size: 28rpx;
    }
  }
}
</style>
